/**index.wxss**/
.bg {
  background: url(http://imgbdb3.bendibao.com/xcxbdb/file/20214/2/20210402160953_69119.jpeg) no-repeat center/cover;
  width: 100%;
  height: 495rpx;
  box-sizing: border-box;
}

.ceshi {
    background-color: #fdefe4;
    padding: 20rpx 40rpx;
    font-size: 26rpx;
    border-radius: 12rpx;
    font-family: PingFang SC;
    font-weight: 600;
    color: #ff7920;
    text-align: center;
    margin-bottom: 10rpx;
}

page {
    /* background-color: #f6f5f8; */
    height: 100%;
}

.lunboimg {
    height: 400rpx;
    width: 100%;
    border-radius: 0 0 40rpx 40rpx;
}


/* 收藏小程序的提示 */

.cue-box {
    position: fixed;
    top: 170rpx;
    right: 88rpx;
}

.cue-box image {
    width: 554rpx;
    height: 83rpx;
}
.swiper{
    width: 714rpx;
    height: 230rpx;
    margin: 0 auto; 
}
.swiper image{
    border-radius: 20rpx;
    width: 100%;
	height: 202rpx;
}

.ks-swiper__indicator{
    margin-bottom: 15rpx;
}

.serve-box {
    width: 90%;
    background: #fff;
    border-radius: 14rpx;
    box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0, 0, 0, 0.09);
    position: absolute;
    top: 320rpx;
    left: 34rpx;
    padding: 30rpx 0;
}

.serve-box .gongju {
    padding: 0 70rpx 0 50rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.serve-box .gongju .item image {
    width: 92rpx;
    height: 92rpx;
    margin-bottom: 14rpx;
}

.serve-box .gongju .item text {
    width: 96rpx;
    font-size: 24rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #545454;
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex-col {
    display: flex;
    flex-direction: column;
    align-items: center;
}



.topic-box .topic {
    /* padding: 0 70rpx; */
    box-sizing: border-box;
    padding: 28rpx 50rpx;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 714rpx;
    height: 188px;
    opacity: 1;
    background: #ffffff;
    margin: 0 auto;
    border-radius: 14rpx;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 5%);
}

.topic-box .topic .item {
    width: 25%;
    margin-bottom: 14px;
}
.topic-box .topic .item:nth-child(4n) {
    margin-right: 0;
}

.topic-box .topic .item image {
    width: 106rpx;
    height: 106rpx;
    margin-bottom: 4rpx;
}

.topic-box .topic .item text {
    width: 60px;
    font-size: 24rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #545454;
}

.line {
    width: 100%;
    height: 6px;
    background: #fafafa;
}

.article-box {
    padding: 30rpx 40rpx 0 40rpx;
    border-bottom: 15rpx solid #f5f5f5;
    background-color: #fff;
}

.pd-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.pd {
    font-size: 32rpx;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: bolder;
    color: #242424;
}

.lanmu {
    white-space: nowrap;
    font-size: 26rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    color: #939393;
    border-right: 2rpx solid #939393;
    padding: 0 9px;
}

.lanmu:last-child {
    padding-right: 0;
    border: 0;
}

.pd-item {
    margin-top: 16px;
}

.pd-item .items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}

.pd-item .items image {
    width: 198rpx;
    height: 144rpx;
    flex-shrink: 0;
    border-radius: 12rpx;
}

.pd-item .items .title-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 20rpx;
}

.pd-item .items .title-box .title {
    font-size: 30rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 700;
    text-align: left;
    color: #333;
    line-height: 40rpx;
}

.pd-item .items .title-box .time {
    font-size: 22rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #989696;
    margin-top: 20rpx;
}

.see-more {
    padding: 32rpx 0;
    font-size: 30rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #f60;
    line-height: 32rpx;
}

.search-fixed {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    padding-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    /* justify-content: center; */
}

.city-box {
    margin-left: 30rpx;
}

.city-box image {
    width: 18rpx;
    height: 10rpx;
    margin-left: 10rpx;
}

.city-box text {
    font-size: 32rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    white-space: nowrap;
    color: #fff;
    z-index: 1;
}

.input-box {
    width: 366rpx;
    /* height: 68rpx; */
    background: #f7f7f7;
    border-radius: 34rpx;
    box-shadow: 0rpx 6rpx 12rpx 0rpx rgba(151, 151, 151, 0.05);
    z-index: 1;
    margin-left: 20rpx;
    padding-left: 20rpx;
}

.input-box image {
    width: 32rpx;
    height: 32rpx;
    margin-right: 6rpx;
}

.input-box text {
    font-size: 26rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    color: #a7a6a6;
}

.hot-message {
    padding-top: 28rpx;
    background-color: #ffffff;
    padding-left: 40rpx;
    padding-bottom: 30rpx;
    counter-reset: num;
}

.hot-title {
    display: flex;
    align-items: center;
    margin-bottom: 28rpx;
    font-size: 32rpx;
    font-weight: bold;
}



.hot {
    width: 29rpx;
    height: 39rpx;
    margin-right: 14rpx;
}

.hot-message .hot-item {
    margin-bottom: 24rpx;
    padding-right: 20rpx;
}
.hot-message .hot-item .hot-content{
    width: 100%;
}
.hot-message .hot-item text {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-size: 30rpx;
}

.hot-message .hot-item {
    display: flex;
    align-items: center;
    max-width: 95%;
    font-size: 24rpx;
    color: #5A5A5A;
}

.hot-message .hot-item:nth-child(2) .hot-index {
    color: #FE1A29;
}

.hot-message .hot-item:nth-child(3) .hot-index {
    color: #FF893A;
}

.hot-message .hot-item:nth-child(4) .hot-index {
    color: #FFAB3A;
}

.hot-message .hot-item:nth-child(5) .hot-index {
    color: #B6B6B6;
}

.hot-index {
    margin-right: 12rpx;
    flex-shrink: 0;
}

.hot-message .hot-item image {
    flex-shrink: 0;
    width: 30rpx;
    height: 30rpx;
    margin-left: 16rpx;
}

.index-content {
    margin-top: 118rpx;
}

@media (min-width: 768px) {
    .topic-box .topic .item text {
        display: inline-block;
        width: 120rpx;
    }

    .input-box {
        padding-top: 16rpx;
        padding-bottom: 16rpx;
    }
}

.text-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}